.vCatchBox {
  margin: 0.5em auto;
  padding: 5%;
  width: 90%;
  background: #29363d;
  border-radius: 10px;
  --v-mono-size: 11px;
}
.vCatchBox p {
  text-align: left;
  line-height: var(--v-mono-size);
  margin: 0 auto 10px;
}
.vCatchType_video .vCatchSpan::before {
  content: "video ";
  font-family: monospace;
  font-size: var(--v-mono-size);
  color: #a5d6ff;
}
.vCatchType_m3u8 .vCatchSpan::before {
  content: "m3u8 ";
  font-family: monospace;
  font-size: var(--v-mono-size);
  color: #ffa657;
}
.vCatchType_mpd .vCatchSpan::before {
  content: "mpd ";
  font-family: monospace;
  font-size: var(--v-mono-size);
  color: #ff7b72;
}
.vCatchTime {
  font-family: monospace;
  font-size: var(--v-mono-size);
  color: rgb(128, 241, 128);
}
.vCatchSpan {
  font-family: monospace;
  font-size: var(--v-mono-size);
  word-break: break-all;
  white-space: pre-wrap;
  max-height: 3em;
  text-align: left;
  color: aliceblue;
}
.vCatchBar {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
